<template>
<!-- 第一个页面！！！！！！！！！！！！！！！！！！！ -->
    <div>
        <!-- 头部 -->
    <!-- <vhead></vhead> -->
    <!-- 头部搜索 -->
    <vindextop ></vindextop>
    <!-- bannner图 -->
    <vbanner :bannerlist='bannerlist'></vbanner>

    <vclass></vclass>

    <vhappy></vhappy>
    <!-- <vsclass></vsclass> -->
        <!-- 商品 -->
    <vshopl></vshopl>

    <!-- 垫块 -->
    <vheel></vheel>
    </div>
</template>
<script>
import vhead from '../components/head.vue'//头部
import vindextop from '../components/indextop.vue'//头部搜索
import vbanner from '../components/banner.vue'//banner+下一行
import vclass from '../components/classify.vue'//第一个分类
// import vfoot from '../components/foot.vue'//尾部固定
import vhappy from '../components/happy.vue'//第二个分类
import vheel from '../components/heel.vue'//垫块
import vsclass from '../components/sclass.vue'//第三个分类
import vshopl from '../components/shopl.vue'//第三个分类
// 轮播图接口
import { getBanner} from "../util/request/api";
export default {
  data() {
    return {
      bannerlist:[]
    }
  },
  mounted() {
    
    //  this.$axios({
    //   //  前端解决跨域问题之前
    //   // url: "http://localhost:3000/api/getbanner",
    //   //  前端解决跨域问题之后
    //   url: "/api/getbanner",
    // })
    getBanner()
      .then((res) => {
        console.log(res,'bannerlist');
        if (res.code == 200) {
          this.bannerlist = res.list;
        }
      })
      .catch((err) => {
        console.log(err);
      });
  },
  components:{
    vhead,
    vindextop,
    vbanner,
    vclass,
    // vfoot,
    vhappy,
    vheel,
    vsclass,
    vshopl,

  }
}
</script>